layui.use(['form', 'table', 'laydate', 'upload'], function () {
    var form = layui.form,
        layer = layui.layer,
        table = layui.table,
        $ = layui.$,
        upload = layui.upload,
        laydate = layui.laydate;

    /**
     * 初始化表单，要加上，不然刷新部分组件可能会不加载
     */
    form.render();

    // 当前弹出层，防止ID被覆盖
    var parentIndex = layer.index;

    $(function(){
        // 评论插件：绑定表情
        $('.face-icon').SinaEmotion($('.text'));

        var type = $("#type").val();
        var serviceId = $("#serviceId").val();
        if(type == 0){ //恋爱清单感受
            $("#love-box").show();
            $.post('/blogSpace/getLoveListInfo', {serviceId: serviceId}, function(res){
                if(res.state == "200"){
                    layer.msg(res.message, {icon:6});
                    $("#content").html(AnalyticEmotion(res.content));
                }else{
                    layer.msg(res.message, {icon:2});
                }
            }, 'json');
        }else if(type == 1){ //约看书感受
            $("#seeBook-box").show();
            $.post('/blogSpace/getSeeBookInfo', {serviceId: serviceId}, function(res){
                if(res.state == "200"){
                    layer.msg(res.message, {icon:6});
                    $("#bookName").text(res.bookName);
                    $("#directoryName").text(res.directoryName);
                    $("#bookListName").text(res.bookListName);
                    $("#startTime").text(res.startTime);
                    $("#endTime").text(res.endTime);
                    $("#status").text(res.statusValue);
                }else{
                    layer.msg(res.message, {icon:2});
                }
            }, 'json');
        }else if(type == 4){ //发起普通动态

        }

    });

    //监听提交
    form.on('submit(saveBtn)', function (data) {
        var url = "/blogSpace/sendDynamic";
        var isHashImg = $('#isHashImg').val();
        layer.msg("发布中...", {icon:6});
        $.post(url, data.field, function(res){
            if(res.state == "200"){
                layer.msg(res.message, {icon:6});
                if(isHashImg == 0){
                    //刷新
                    setTimeout(function(){
                        location.reload();
                    }, 1500);
                }else{
                    layer.msg("正在上传图片中...", {icon:6});
                }
            }else{
                layer.msg(res.message, {icon:2});
            }

        }, 'json');

        layer.close(parentIndex);

        return false;
    });

    //满意度改变
    form.on('select(satisChnage)', function(data){
        $("#loveSweet").text(parseInt(data.value) + 1);
    });

    $("#closeBtn").on("click", function(){
        // 关闭弹出层
        layer.close(parentIndex);
    });

    //点击保存上传照片
    var uploadInst = upload.render({
        elem: '#uploadPhotoBtn'
        ,url: '/blogSpace/uploadImg' //改成您自己的上传接口
        ,multiple: true //多文件上传
        ,size: 1024 * 50 //设置文件最大可允许上传的大小，单位 KB
        ,accept: 'file'
        ,number: 6 //一次只能上传6张照片
        // ,acceptMime: 'image/*,video/*,audio/*' //只显示图片文件
        ,exts: 'jpg|png|gif|bmp|jpeg|mp4|webm|ogg' //允许上传的文件后缀。一般结合 accept 参数类设定
        ,auto: false //点击按钮才上传
        ,bindAction: '#saveBtn'
        ,data: { //额外参数
            dynamicId: function(){
                return $('#dynamicId').val();
            }
        }
        ,choose: function(obj){ //选中预览
            $("#isHashImg").val(0);
            $('#pre_photo').empty(); //清空预览
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
                $("#isHashImg").val(1);
                var suffix = file.name.split(".")[1];
                if(suffix == 'mp4' || suffix == 'MP4'){
                    $('#pre_photo').append('<video controls style="width:30%; max-width: 125px; margin: 5px;float: left;"><source src="' + result + '" type="video/mp4">您的浏览器不支持视频。</video>');
                }else{
                    $('#pre_photo').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width:30%; max-width: 125px; margin: 5px;float: left;">');
                }
            });
        }
        // ,before: function(obj){ //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
        //     layer.msg("正在发布中...", {icon:6});
        // }
        ,allDone: function(obj){ //当文件全部被提交后，才触发
            var text = '总照片数：' + obj.total + ' 张<br/>上传成功：' + obj.successful + ' 张<br/>上传失败：' + obj.aborted + ' 张';
            layer.msg(text, {icon:6});
            //刷新
            setTimeout(function(){
                location.reload();
            }, 1000);
        }
    });

});